<template>
  <el-form :model="form" label-width="150px" class="identify-form">
    <el-row :gutter="20">
      <el-col :span="12">
        <el-form-item label="是否应急事件">
          <el-radio-group v-model="form.isEmergency">
            <el-radio label="是">是</el-radio>
            <el-radio label="否" checked>否</el-radio>
          </el-radio-group>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="事件名称">
          <el-input v-model="form.eventName" placeholder="XXXXXX"></el-input>
        </el-form-item>
      </el-col>
    </el-row>
    <el-row :gutter="20">
      <el-col :span="12">
        <el-form-item label="甄别人员">
          <el-input v-model="form.identifier" placeholder="请输入"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="甄别时间">
          <el-input v-model="form.identifyTime" placeholder="请输入"></el-input>
        </el-form-item>
      </el-col>
    </el-row>
    <el-row :gutter="20">
      <el-col :span="12">
        <el-form-item label="涉嫌风险源">
          <el-input v-model="form.riskSource" placeholder="请输入"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="其他涉嫌源">
          <el-input v-model="form.otherSource" placeholder="请输入"></el-input>
        </el-form-item>
      </el-col>
    </el-row>
    <el-row :gutter="20">
      <el-col :span="12">
        <el-form-item label="事故源">
          <el-input
            v-model="form.accidentSource"
            placeholder="请输入"
          ></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="事故源地址">
          <el-input
            v-model="form.accidentAddress"
            placeholder="请输入"
          ></el-input>
        </el-form-item>
      </el-col>
    </el-row>
    <el-row :gutter="20">
      <el-col :span="24">
        <el-form-item label="甄别快报">
          <el-input
            type="textarea"
            v-model="form.identifyReport"
            rows="4"
            placeholder="请输入"
          ></el-input>
        </el-form-item>
      </el-col>
    </el-row>
    <el-row :gutter="20">
      <el-col :span="24">
        <el-form-item label="情况概述">
          <el-input
            type="textarea"
            v-model="form.situationOverview"
            rows="4"
            placeholder="请输入"
          ></el-input>
        </el-form-item>
      </el-col>
    </el-row>
    <el-row :gutter="20" style="margin-top: 20px">
      <el-col :span="24" class="button-group">
        <el-button type="primary">确定</el-button>
        <el-button>取消</el-button>
      </el-col>
    </el-row>
  </el-form>
</template>

<script>
export default {
  name: "IdentifyForm",
  data() {
    return {
      form: {
        isEmergency: "否",
        eventName: "XXXXXX",
        identifier: "",
        identifyTime: "",
        riskSource: "",
        otherSource: "",
        accidentSource: "",
        accidentAddress: "",
        identifyReport: "",
        situationOverview: "",
      },
    };
  },
};
</script>

<style scoped>
.identify-form {
  padding: 20px;
  box-sizing: border-box;
}

.button-group {
  text-align: center;
}

.el-radio {
  margin-right: 20px;
}
</style>
